<!-- 日期组件 -->
<template>
    <DatePicker v-model="content" type="daterange"
        :placeholder="props.setConfig.placeholder ? props.setConfig.placeholder : '请选择'"
        :disabled="props.setConfig.disabled" @on-change="changeValue" format="yyyy-MM-dd HH:mm:ss"
        style="width: 100%" />
</template>

<script setup>
import { ref } from 'vue';

/**
 * @param {
 *      setConfig: {
 *          placeholder: '提示语',
 *          disabled: '是否禁用'
 *      },
 *      modelValue: 双向绑定
 * }
 */
const props = defineProps({
    setConfig: {
        type: Object,
    },
    modelValue: {
        type: Array
    },
})

const emit = defineEmits(['update:modelValue']);

// 双向绑定内容
const content = ref(props.modelValue);

// 提交更新
const changeValue = (val) => {
    emit('update:modelValue', val);
}

</script>